<template>
  <div style="margin-top: 10px" class="container">
    <div class="row gutter">
      <!-- 左侧分类树 -->
      <div class="col-2">
        <cat-tree-menu :data="data[1]"/>
      </div>
      <!-- 轮播图 -->
      <div class="col-6">
        <swiper :data="data[0]"/>
      </div>
      <!-- 广告 -->
      <div class="col-2">
        <h-swiper />
      </div>
      <!-- 最右边一列 -->
      <div class="col-2">
        <t-right />
      </div>
    </div>
    <!-- {{data}} -->
  </div>
</template>

<script>
import CatTreeMenu from "~/components/CatTreeMenu";
import Swiper from "~/components/Swiper";
import HSwiper from "~/components/HSwiper";
import TRight from "~/components/TRight";

export default {
  components: {
    CatTreeMenu,
    Swiper,
    HSwiper,
    TRight
  },
  props: {
    data: {
      type: Array,
      required: true
    }
  }
};
</script>

<style lang="scss">
</style>